<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="./css/bootstrap/bootstrap.min.css" >
	<!--引入字体样式-->
	<link rel="stylesheet" href="./css/fontawesome/all.min.css">
    <title>简易购</title>
  </head>
  <body>
    <!-- 导航条-->
    <div class="container-fluid">
    	<nav class="navbar navbar-expand-lg navbar-light bg-light">
    		<div class="container">
    			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
    			 aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    				<span class="navbar-toggler-icon"></span>
    			</button>
    			<span class="navbar-text text-dark">
    				简易购欢迎您！ 请
    			</span>
    			<div class="collapse navbar-collapse" id="navbarSupportedContent">
    				<ul class="navbar-nav mr-auto">
    					<li class="nav-item ">
    						<a class="nav-link text-dark" href="#">登录<span class="sr-only">(current)</span></a>
    					</li>
    					<li class="nav-item">
    						<a class="nav-link text-danger pl-1" href="#">免费注册</a>
    					</li>
    				</ul>
    				<form class="form-inline my-2 my-lg-0">
    					<a class="nav-link  pr-4 text-dark" href="#">我的订单</a>
    					<a class="nav-link  pl-2 text-dark" href="#">我的简易购</a>
    				</form>
    			</div>
    		</div>
    	</nav>
    </div>
    <!-- /导航条 -->
    <!-- brand -->
    <div class="container">
    	<div class="row">
    		<p style="font-size: 35px;font-weight: bold;">简易购&nbsp;&nbsp;&nbsp;&nbsp;<scan style="font-size: 20px;font-weight: 400;">支付成功页</scan>
    		</p>
    	</div>
    </div>
    <!-- /brand -->
    <!-- 内容 -->
    <div class="container" style="border: #B9B9B9 1px solid;">
    	<div class="row mt-5">
    		<img src="img/pay-fail.png" style="margin-left: 370px;">
    	<p style="font-size: 30px;font-weight: bold;margin-top: 22px;">支付失败，请稍后再试！</p>
    	</div>
    		<p style="margin-left: 500px;margin-bottom: 7px;">失败原因:  &nbsp;&nbsp;&nbsp;<scan class="text-secondary">余额不足！</scan></p>
    		<p style="margin-left: 500px;">您可以先去，<a href="first-page.html">简易购首页</a>&nbsp;&nbsp;逛逛</p>
    		<button type="button" class="btn btn-danger rounded-0" style="margin-left: 550px;margin-bottom: 50px;margin-top: 60px;">重新支付</button>
    </div>
    <!-- /内容 -->

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="./js/plugins/jQuery/jquery-3.3.1.slim.min.js"></script>
    <script src="./js/plugins/bootstrap/popper.min.js"></script>
    <script src="./js/plugins/bootstrap/bootstrap.min.js"></script>
  </body>
</html>
